@import '~antd/es/style/themes/default.less';

html,
body,
#root {
	height: 100%;
}

.colorWeak {
	filter: invert(80%);
}

.ant-layout {
	min-height: 100vh;
}

canvas {
	display: block;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul,
ol {
	list-style: none;
}

.empty-center {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-flow: column nowrap;
}
.chart-box {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	.chart-card-1x1 {
		width: 100%;
		height: 100%;
		.ant-pro-card-body {
			height: 100%;
		}
	}
	.chart-card-1x2 {
		width: 100%;
		height: calc(100vh / 2 - 34px);
		.ant-pro-card-body {
			height: 100%;
		}
	}
	.chart-card-1x3 {
		width: 100%;
		height: calc(100vh / 3 - 34px);
		.ant-pro-card-body {
			height: 100%;
		}
	}
	.chart-card-2x3 {
		width: calc(100% / 2);
		height: calc(100vh / 3 - 34px);
		.ant-pro-card-body {
			height: 100%;
		}
	}
	.chart-card-3x3 {
		width: calc(100% / 3);
		height: calc(100vh / 3 - 34px);
		.ant-pro-card-body {
			height: 100%;
		}
	}
	.chart-card-4x1 {
		width: calc(100% / 4);
		height: calc(100vh - 68px);
		.ant-pro-card-body {
			height: calc(100% - 32px);
		}
		.ant-pro-list {
			height: 100%;
		}
	}
	.chart-card-3x1 {
		width: calc(100% / 3);
		height: calc(100vh - 68px);
		.ant-pro-card-body {
			height: calc(100% - 32px);
		}
		.ant-pro-list {
			height: 100%;
		}
	}
	.chart-card-2x1 {
		width: calc(100% / 2);
		height: calc(100vh - 68px);
		.ant-pro-card-body {
			height: calc(100% - 32px);
		}
		.ant-pro-list {
			height: 100%;
		}
	}
	.chart-card-2-3x1 {
		width: calc(100% / 3 * 2);
		height: calc(100vh - 68px);
		.ant-pro-card-body {
			height: calc(100% - 32px);
		}
		.ant-pro-list {
			height: 100%;
		}
	}
	.chart-card-3-4x1 {
		width: calc(100% / 4 * 3);
		height: calc(100vh - 68px);
		.ant-pro-card-body {
			height: calc(100% - 32px);
		}
		.ant-pro-list {
			height: 100%;
		}
	}
}
.context-100-100 {
	height: 100%;
	width: 100%;
}
.height-100-overflow {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
@media (max-width: @screen-xs) {
	.ant-table {
		width: 100%;
		overflow-x: auto;
		&-thead > tr,
		&-tbody > tr {
			> th,
			> td {
				white-space: pre;
				> span {
					display: block;
				}
			}
		}
	}
}

// 兼容IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
	body .ant-design-pro > .ant-layout {
		min-height: 100vh;
	}
}


